聯系我們
導讀：人類在回憶所看到過的場景和事物時，對色彩的記憶度要高于形態。也就是說，從視覺角度來看，一款產品給用戶留下深的印象往往是界面的配色。由此我們也能夠看出配色可以說是設計師
發表日期：2020-03-31
文章編輯：興田科技
瀏覽次數：7669
標簽：
人類在回憶所看到過的場景和事物時，對色彩的記憶度要高于形態。也就是說，從視覺角度來看，一款產品給用戶留下深的印象往往是界面的配色。由此我們也能夠看出配色可以說是設計師重要的武器，很可能沒有之一，但是這個武器有使用的「限制」。
UI設計的一個基本原則就是避免頁面中出現過多的顏色，這個道理大家都懂，但是在真正自己設計的時候總是會下意識的引入過多的顏色，導致整個界面看起來非常的雜亂。所以對于設計師來說，學會給界面的配色做減法是很重要的一項技能。
配色體系的目的
給一款產品建立配色體系之前，設計師先要弄明白的是：我為什么要建立配色體系？這個問題聽起來十分多余而且稍顯無厘頭。但是在我看來，每次做東西之前常問自己為什么可以更好的提高工作效率。只有真正理解了配色的意義，我們才可以做到有的放矢，進行有選擇性的刪減。
視覺區分
調整界面風格
吸引用戶注意力
視覺區分
一個App或網站可能會有好幾個主要且同級別的功能和分區。這時，設計師需要對產品的信息內容和功能模塊進行整體規劃，建立界面的基本格局來幫助用戶在視覺上進行更好的區分。配色可以很好的幫助設計師實現這一目標。
例如，一款理財類應用中有不同種類的理財產品（普通型，隨借隨還型和可轉讓型）和不同的狀態（投資確認中，投資成功已起息，清算中等合計11種狀態）。
在這種情況下（3種產品類型，11種產品狀態），配色就要很小心了。先我們要對狀態進行整合，相似的狀態整合成一種，這樣可以減少顏色的數量。當然會有人感覺六種顏色還是多，因為書本上告訴我們同一頁面中配色不要超過三種。但是我們得從實際情況出發，對于理財產品來說，用戶不太可能在同一屏中看到全部的六種狀態，也就是說用戶同時看到六種顏色的概率很小。
視覺風格
產品的視覺風格是根據其自身定位和用戶需求所決定的，有的產品要求界面具有活力，能讓用戶產生興奮感（購買欲望），我們可以使用光波較長紅色和橙色來作為產品的主色調。
文字的跳躍率是指同一界面中不同文字之間的大小比率。不同功能的文字在排版設計的時候會有字號和字重的區別，例如主標題，副標題和正文的字號通常是依次減小的，這種字號的差異會帶來不同的文字跳躍率。一般來說，文字跳躍率高的界面會顯得比較活潑，文字跳躍率低的界面會顯得平靜沉著。
在配色的時候，如果我們減少色彩的使用數目，大面積使用白，灰，黑或者其他同色相配色（藍色與淺藍色，紅色與粉紅色等），這樣的界面會顯得莊重高雅且富有現代感，但是會顯得單調。那么我們就應該適度的提升文字跳躍率給界面提升一些活力。
吸引用戶注意力
我們經常喜歡使用配色來吸引用戶注意力，以下圖中行為召喚按鈕(call to action)為例，配以與背景色差距較大的顏色使其可以從背景中凸顯出來。
谷歌搜索的主頁出現了大面積的留白，用戶的目光自然就會被吸引到搜索框。這和谷歌的初衷相契合，他們希望用戶在這個頁面完成搜索操作，所以不用展示過多其他的信息來分散用戶的注意力。
上一篇：
暫無信息上一篇：
讓房地產網站設計增色的設計技巧更多新聞
2020
關于搜索引擎優化，當淘寶流行的時候，能用“刷”來提升產品關鍵詞排名，那SEO能用“刷”提升關鍵詞再查找引擎自然排名嗎？這一問題其實也并非許多朋友所質疑
View details
2020
關于網站優化，看一下對方網站的目標關鍵詞是什么，搜索一下這些關鍵詞，看看這個網站整體排名如何。同樣，這里并不要求一定是排前二十名，只要能在前一兩百名
View details
2020
關于seo，如何設置關鍵字需要與做seo打交道，每個頁面都可以單獨放置某些特定的關鍵字，而要做seo工作，就必須設置適當的關鍵字。當我們設置網站的關鍵詞時，有
View details
2020
關于搜索引擎優化，現在的企業都要擁有自己的網站，因為他可以給給公司帶來方方面面的幫助。比如常規的官方網站，主要用來展示公司的一些相關信息。比如公
View details
